<script setup lang="ts" name="Personal">
import UserLeft from './components/UserLeft.vue'
import UserRight from './components/UserRight.vue'
import UserAside from './components/UserAside.vue';

</script>

<template>
    <el-row :gutter="20">
        <el-col :span="3" :xs="3"></el-col>
        <!--左边 -->
        <el-col :span="6" :xs="18" :sm="6">
            <UserLeft></UserLeft>
        </el-col>
        <!-- 右边 -->
        <el-col :span="12" :xs="0" :sm="12">
            <UserRight></UserRight>
        </el-col>
        <el-col :span="3" :xs="3">
            <!-- 侧边栏 -->
           <UserAside>  </UserAside>
        </el-col>
    </el-row>

</template>


<style scoped lang="scss">
.el-row {
    margin-top: 20px;
}


</style>
